<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no ' />
    <title>京东</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/jingdong.css">
</head>
<body>
    <header>
        <div class="jdapp">
            <ul>
                <li>
                    <img src="./images/close.png" alt="">
                </li>
                <li>
                    <img src="./images/logo.png" alt="">
                </li>
                <li>打开京东App,购物更轻松</li>
                <li>立即打开</li>
            </ul>
        </div>
    </header>
    <!-- search开始 -->
    <div class="search-warp">
        <div class="search-btn">
    
        </div>
        <div class="search">
            <div class="jd-icon">
            <div class="sou">
                <input type="search" name="" id="" placeholder="电子设备/服装/鞋子">
            </div>
            </div>
        </div>
        <div class="search-login">登录</div>
    </div>
    <!-- search结束 -->
<!-- 主题开始 -->
    <div class="main-content">
        <!-- 轮播图 -->
        <div class="slider">
            <img src="./upload/banner.dpg" alt="">
        </div>
        <!-- 京东日 -->
        <div class="brand">
            <div>
                <a href="#"><img src="./upload/pic1.dpg" alt=""></a>
            </div>
            <div>
                <a href="#"><img src="./upload/pic2.dpg" alt=""></a>
            </div>
            <div>
                <a href="#"><img src="./upload/pic3.dpg" alt=""></a>
            </div>
        </div>
    </div>
    <!-- nav开始 -->
    <nav>
        <a href="#">
            <img src="./upload/nav1.webp" alt="">
            <span>京东超市</span>
        </a>
        <a href="#">
            <img src="./upload/nav2.webp" alt="">
            <span>京东超市</span>
        </a>
        <a href="#">
            <img src="./upload/nav3.webp" alt="">
            <span>京东超市</span>
        </a>
        <a href="#">
            <img src="./upload/nav1.webp" alt="">
            <span>京东超市</span>
        </a>
        <a href="#">
            <img src="./upload/nav1.webp" alt="">
            <span>京东超市</span>
        </a>
        <a href="#">
            <img src="./upload/nav2.webp" alt="">
            <span>京东超市</span>
        </a>
        <a href="#">
            <img src="./upload/nav3.webp" alt="">
            <span>京东超市</span>
        </a>
        <a href="#">
            <img src="./upload/nav1.webp" alt="">
            <span>京东超市</span>
        </a>
        <a href="#">
            <img src="./upload/nav2.webp" alt="">
            <span>京东超市</span>
        </a>
        <a href="#">
            <img src="./upload/nav3.webp" alt="">
            <span>京东超市</span>
        </a>
    </nav>
    <!-- 快报模块 -->
    <div class="news">
        <a href="#"><img src="./upload/new1.dpg" alt=""></a>
        <a href="#"><img src="./upload/new2.dpg" alt=""></a>
        <a href="#"><img src="./upload/new3.dpg" alt=""></a>
    </div>
<!-- 主体结束 -->
</body>
</html>